/**
 * 聊天内容
 */

import MessageList from './MessageList';
import MessageInput from './MessageInput';

export default function ChatPanel() {
  return (
    <section className="flex flex-col h-full">
      {/* 消息列表 */}
      <div className="flex-1 overflow-auto bg-gray-100 p-4">
        <MessageList />
      </div>
      {/* 輸入框 */}
      <footer className="border-t bg-white p-4">
        <MessageInput />
      </footer>
    </section>
  );
}
